@import '../c_themes/theme.scss';
// 全宽按钮
.full-btn {
	border-width: $common-line-width;
	border-style: solid;
	border-radius: $larger-border-radius;
	padding: 0;
	font-size: $title3-fontSize;
	line-height: 150%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	height: 80rpx;
	// font-weight: bold;
}
// 半宽按钮
.half-btn {
	border-width: $common-line-width;
	border-style: solid;
	border-radius: $larger-border-radius;
	padding: 0;
	width: 50%;
	font-size: $full-btn-fontSize;
	font-weight: bold;
	height: 80rpx;
	line-height: 2.25 !important;
}
// 通用按钮
.common-btn {
	border-width: $common-line-width;
	border-style: solid;
	border-radius: $larger-border-radius;
	padding: 20rpx 0;
	font-size: $full-btn-fontSize;
	font-weight: bold;
	line-height: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 84rpx;
}
	// 通用按钮
	.common-btn icon {margin: 0 10rpx;color: $sub-color;}
	// 正常按钮
	.btn-normal{
		background-color: $weakest-color;
		border-color: $light-color;
		color: $sub-color;
		background-image: $normal-btn-color-bg;
	}
		.btn-normal .imgIcon{
			width: 30rpx;
			height: 30rpx;
		}
	// 重要按钮
	.btn-important{
		background-color: $important-color;
		border-color: $important-color;
		color: $weakest-color;
		background-image: $important-btn-color-bg;
	}
		.button-hover.btn-important {
			background-color: $important-sub-color;
			color: $weakest-color;
		}
		// 按钮中的图标颜色
		.btn-important .fontIcon {color: $weakest-color;}
	// 禁用的按钮
	.btn-disable{
		background-color: $disable-color;
		border-color: $disable-color;
		color:$sub-color;
		background-image: $disable-btn-color-bg;
	}
// 浮动按钮
.float-btn {
	position: fixed;
	width: 100rpx;
	height: 100rpx;
	border-radius: 100rpx;
	box-shadow: 0 12rpx 40rpx $float-btn-shadow-color;
	font-family: iconFonts;
	color: $weakest-color;
	font-size: $fontIcon-size;
	vertical-align: middle;
	line-height: 100rpx;
}
	.float-btn::after {
		position: relative;
	}

// 小按钮
.small-btn {
	font-size: $small-fontSize;
	padding:10rpx 12rpx;
	border-radius: $larger-border-radius;
	margin: 10rpx;
	border-width: $common-line-width;
	border-style: solid;
	border-color: $sub-light-color;
	line-height: 1;
	height: 50rpx;
	white-space: nowrap;
	color: $sub-color;
}
	// 加强按钮
	.small-btn.btn-important {
		border-color: $important-color;
		color: $weakest-color !important;
	}
	.small-btn::before {
		vertical-align: baseline;
	}
	.small-btn::after {
		display: none;
	}
// 小关注按钮，小悬赏按钮
.btn-focus-small, .btn-bounty {
	color: $strong-btn-fontColor;
	background-color: $important-color;
	background-image: $important-btn-color-bg;
	border-color: $important-color;
	line-height: 1;
}
	// 按钮按下
	.btn-focus-small.button-hover, .btn-bounty.button-hover {
		background-color: $important-sub-color !important;
		color: $weakest-color;
	}
	// 选中
	.btn-focus-small.selected, .btn-bounty.selected{
		background-color: $disable-color;
		color: $normal-color;
		border-color: $light-color;
	}
	// 选中-按下
	.btn-focus-small.selected.button-hover, .btn-bounty.selected.button-hover{
		background-color: $sub-light-color !important;
		color: $normal-color;
		border-color: $light-color;
	}
// 悬赏状态按钮
.btn-bounty {
	font-size: $normal-fontSize;
}
// 小移除按钮
.btn-small-remove {
	width: 50rpx;
	height: 50rpx;
	border-radius: 100%;
	box-shadow: 0rpx 10rpx 15rpx $normal-btn-shadow-color;
	background-color: $weakest-color;
	border: $common-line-width solid $sub-light-color;
}
	// 按钮图标
	.btn-small-remove::after {
		font-family: iconFonts;
		content: $icon-remove;
		font-size: 40rpx;
		line-height: 46rpx;
		display: block;
		text-align: center;
		width: 48rpx;
		color: $important-color;
		cursor: pointer;
	}
// 上传照片按钮
.btn-upLoad-photo {
	background-color: $important-color;
	color: $weakest-color;
	padding: 10rpx 20rpx;
	border-radius: $larger-border-radius;
	display: inline-block;
	box-shadow: 0rpx 10rpx 15rpx $normal-btn-shadow-color;
	line-height: 1.25;
	border-color: $important-sub-color;
}
	.btn-upLoad-photo.button-hover {
		background-color: $important-sub-color !important;
		color: $weakest-color;
	}
// 打赏按钮
.btn-reward {
	color: $strong-btn-fontColor;
	background-color: $important-color;
	background-image: $important-btn-color-bg;
	border-color: $important-color;
	}
	.btn-reward::after {
		font-size: $small-fontSize;
		position: relative;
		margin: 0 6rpx;
	}
	.btn-reward::before {
		font-family: iconFonts;
		position: relative;
		content: $icon-reward;
		margin-right: 4rpx;
	}
	.btn-reward-selected{
		background-color: $disable-color;
	}
	.button-hover.btn-reward {
		background-color: $important-sub-color !important;
		color: $weakest-color;
	}

// 分享按钮
.share-btn{
		font-size: $normal-fontSize;
		color: $sub-color;
		padding: 0;
		line-height: 1;
	}
	// 按钮中的图标
	.share-btn .imgIcon{
		display: block;
		margin: 10rpx auto;
		width: 100rpx;
		height: 100rpx;
	}

// 复制按钮
.btn-copy{
	padding: 0 10rpx;
	line-height: 1.5;
	color: $important-color;
	font-family: iconFonts;
	background-color: transparent;
	font-size: 30rpx;
	margin: 0;
}
	// 图标
	.btn-copy:before {
		content: $icon-copy;
	}
